<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx}/css/dlifestyle/table.css" />
<script type="text/javascript">
	//返回上一页
	function cancel() {
		loadContent("/helpManual/helpManualList?pageType=" + pageType);
	}
</script>
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height:auto">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="/manage/images/new_edit.png">
				<h4 style="letter-spacing: 0">常见问题信息详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right" style="margin-top: -10px;">
			<div class="modal-header">
				<div id="form" class="form"
					style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit"
						style="border-bottom: 1px solid #CBD5DD; height: 150px;">
						<input id="pageType" type="hidden" value="${pageType }"> <span
							class="col-sm-1 editlableDetail"
							style="height: 150px; font-size: 14px;">图像：</span>
						<div class="fldetail-4r">
							<c:if test="${helpManual.logo == null || helpManual.logo == ''}">
								<img id="preview3"
									style="width: 100px; height: 100px; float: left;"
									title="快上传图像吧" src="${ctx}/images/default.jpg" />
							</c:if>
							<c:if test="${helpManual.logo != null && helpManual.logo != ''}">
								<img id="preview3"
									style="width: 100px; height: 100px; float: left;"
									src="${sessionScope.image_logo}${helpManual.logo}" />
							</c:if>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">小区名称：</span>
						<div class="fldetail-4r">${helpManual.cellName }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">用户账号：</span>
						<div class="fldetail-4r">${helpManual.userAccount }</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">排序：</span>
						<div class="fldetail-4r">${helpManual.sort }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">发布时间：</span>
						<div class="fldetail-4r">
							<fmt:formatDate value="${helpManual.sendTime}"
								pattern="yyyy-MM-dd HH:mm" />
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">更新时间：</span>
						<div class="fldetail-4r">
							<fmt:formatDate value="${helpManual.updateTime}"
								pattern="yyyy-MM-dd HH:mm" />
						</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">标题：</span>
						<div class="fldetail-4r">${helpManual.title }</div>
					</div>
					<%-- <div class="itemEdit" style="border-bottom:1px solid #CBD5DD;height:200px">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;height:200px">答案：</span>
							<div class="fldetail-4t"style=" float: left;width: 78%; padding-top:8px;height: 200px;margin-left: 20px;">${helpManual.answer }</div>
					</div> --%>
					<table id="contentDiv"
						style="border: 1px solid #CBD5DD; border-top: none; width: 100%; height: 200px;"
						cellspacing="0" cellpadding="0">
						<tr>
							<td id="contentSpan"
								style="color: #504949; font-size: 14px; width: 13.9%; border-right: 1px solid #edeef3; background-color: #EAFBFC; text-align: right; height: 37px; line-height: 37px; vertical-align: text-top;">答案：</td>
							<td
								style="width: 78%; padding: 8px 20px; vertical-align: text-top;">${helpManual.answer}</td>
						</tr>
					</table>
				</div>
				<div style="text-align: center;">
					<button style="margin-top: 20px;margin-bottom: 10px;" class="buttonCancle"
						onclick="cancel();">返&nbsp;&nbsp;回</button>
				</div>
			</div>
		</div>
	</div>
	<%@include file="/views/common/footer.jsp"%>
</section>

<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
	//鼠标滑入一行改变背景颜色
	function mouseoverOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "#D3F0F1");
		});
	}

	//鼠标滑出一行恢复原来的背景颜色
	function mouseoutOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "");
		});
	}
</script>
